<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>LZXリファレンス lz-tabelement</title>
  <othercredit role="translator">
    <firstname>Hiroyuki</firstname>
    <surname>Kato</surname>
        <contrib>2006/05/16　翻訳初版</contrib>
 </othercredit>
<link rel="STYLESHEET" type="text/css" href="./styles.css" /></head>
<body>

<!-- ===================================================================== -->
<!-- = XML information goes here                                         = -->
<!-- ===================================================================== -->
<lzelement title="Tabelement">
    <lztier>LZ Component</lztier>
    <lzcategory>view</lzcategory>
    <lzshortdesc>
        tabsliderと連携して開いたり閉じたりするタブ要素のビューです。
    </lzshortdesc>
    <lztag>lz/tabelement.xml</lztag>
</lzelement>

<p><classname>tabelement</classname>は tabsliderによって開/閉を制御される、
<classname link="true">tabslider</classname>内の不可視のビューです。実際には、
<classname>tabelement</classname>クラスは外見を任意に拡張することができます。
下にその例を示します。</p>

<example class="program" id="tabelement-1">
&lt;canvas height="200"&gt;
  &lt;include href="lz/tabslider.lzx" /&gt;

  &lt;!-- Custom tabelement --&gt;
  &lt;class name="mytabelement" extends="tabelement" bgcolor="blue"&gt;
    &lt;!-- classroot.parent = reference to tabslider --&gt;
    &lt;view placement="header" bgcolor="red" height="100%" width="100%"&gt;
      &lt;text name="title" x="2" y="1" text="${classroot.text}"/&gt;
    &lt;/view&gt;
  &lt;/class&gt;

  &lt;!-- Use custom tabelement --&gt;
  &lt;tabslider bgcolor="yellow" width="100" height="200" spacing="2"&gt;
    &lt;mytabelement text="Tab 1"&gt;
      &lt;view bgcolor="white" width="30" height="30"/&gt;
    &lt;/mytabelement&gt;
    &lt;mytabelement text="Tab 2"/&gt;
    &lt;mytabelement text="Tab 3"/&gt;
  &lt;/tabslider&gt;
&lt;/canvas&gt;
</example>

</body>
</html>
<!-- * X_LZ_COPYRIGHT_BEGIN ***************************************************
* Copyright 2001-2004 Laszlo Systems, Inc.  All Rights Reserved.              *
* Use is subject to license terms.                                            *
* X_LZ_COPYRIGHT_END ****************************************************** -->
